/* -------------------------------------------------------------------------------------
* 	SEO:mercari by Siekiera Media
* 	http://www.seo-mercari.de
*
* 	Copyright (c) since 2011 SEO:mercari
* --------------------------------------------------------------------------------------
* 	based on:
* 	(c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
* 	(c) 2002-2003 osCommerce - www.oscommerce.com
* 	(c) 2003     nextcommerce - www.nextcommerce.org
* 	(c) 2005     xt:Commerce - www.xt-commerce.com
*
* 	Released under the GNU General Public License
* ----------------------------------------------------------------------------------- */

.footer, .head {text-align: center}

.footer .box, .head .box, .box_right_top .box  {background: none; display: block; border: none; color: #ccc; padding:0}

.box { margin: 0 0 30px 0;}

.boxText, .box_content {
    
 padding: 3px 4px 5px 4px;}
 
#nav_left .box_service .box_content{
  background:url(templates/itdotmedia/img/black80p.png);
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
    color: #FFFFFF;
    padding:20px 0px 20px 20px;
}
#nav_left .box_service .box_head {
background: #fd0000; /* Old browsers */
background: -moz-linear-gradient(top,  #fd0000 0%, #b10000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd0000), color-stop(100%,#b10000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fd0000 0%,#b10000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fd0000 0%,#b10000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fd0000 0%,#b10000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fd0000 0%,#b10000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd0000', endColorstr='#b10000',GradientType=0 ); /* IE6-9 */

color:#fff;
}  


.box_navigation_main {width:500px;}

.box_service {
    position: relative;
    top: 0;
    width: 205px
}


.box_head {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 1.2em;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    padding: 2px 0 2px 7px;
    text-align: center;
}

.box_bottom { text-align: left; color: #666666; margin: 0 auto; width: 990px; padding-top: 0px !important;}

.box_tagcloud {margin: 23px 240px;    width: 500px !important;}
.box_tagcloud a {color:#1E71B9 !important;padding:0 10px;}
.box_tagcloud h1 a {font-size:8px !important}
.box_tagcloud h2 a {font-size:10px !important}
.box_tagcloud h3 a {font-size:12px !important}
.box_tagcloud h4 a {font-size:14px !important}
.box_tagcloud h5 a {font-size:16px !important}
.box_tagcloud h6 a {font-size:18px !important}

.box_bottom .box {background: none; border: 0 none;}

.box_bottom ul {margin: 0}

.box_bottom ul li {list-style: none;}

.box_bottom ul li a {border-bottom: 1px dashed #ccc; display: block; padding: 3px 0 3px 5px;}

.box_bottom ul li ul.sub {margin-left: 19px;list-style-position:inside;}

.box_bottom ul li ul.sub li {list-style: square;}

.bottom_box_1 .box { width: 100%;}

.bottom_box_2 .box { width: 48.7%; float:left;margin: 0 4px}

.bottom_box_1, .bottom_box_2, .bottom_box_3 {width: 100%}

.bottom_box_3 .box {width: 32.2%; float:left; margin: 0 4px}

.bottom_box_4 .box {width: 23.9%; float:left; margin: 0 4px}

.box_bottom h4.boxTitle {background: none; color: #666; font-weight: 700; border-bottom: 1px solid #666;font-size:112%;}

.head .box ul, .footer .box ul {text-align:center}

.head .box ul li, .footer .box ul li {display:inline; list-style:none; margin-right: 10px}

.head .box ul li a:hover {color:#ccc}


.box_left_top {
    background:url(templates/itdotmedia/img/logo.png);
    cursor: pointer;
    float: left;
    height: 99px;
    position: absolute;
    top: 10px;
    width: 154px;
    left:11px;
    
}

.box_right_top {width: 250px; position: relative; right:0; top:0; text-align: right; float:right}

.box_right_top .box {text-align: right; display: inline-block; margin: 5px 10px 0 0; position: absolute;top:173px;right:0px;}

.box_right_top .advanced_link {display: none}

#nav_left h3 {margin-top: 0}

#nav_left .box {box-shadow:0 0 5px rgba(0, 0, 0, 0.5)}

/* einzelne Spezifikationen */
.last_viewed, .manufactueres_info, .specials {text-align: center}

.box_head3 {
    margin-left: 383px;
    position: absolute;
    top: 55px;
    left:0px;
}

/* Hersteller Box - Logos */
.ul_brand_logos {margin: 0; width: 100%;}

.ul_brand_logos li {list-style: none;}

.ul_brand_logos li a {display: block; text-align: center}

.ul_brand_logos li.current_manu a img {border: 2px solid #247BA0}

/* Boxen oben */
.box_top { height: 48px;position:absolute;top:123px;left:0px;}

.box_top .box {border-right: 1px solid #ccc; border-bottom: 0 none; height: 81px}

.top_box_2 .box {float:left; width: 48%; margin: 4px 6px}
.top_box_3 {display: block; width: 100%}
.top_box_3 .box {float:left; width: 32%; margin: 4px 6px}
.top_box_4 .box {float:left; width: 23.6%; margin: 4px 6px}

.box_top .box:last-child {border: 0 none}

.whatsnew ul, .box_best_sellers ul, .specials ul, .last_viewed ul { margin: 0; list-style: none}

/* Infobox */
.box_top .box_infobox img {margin-right: 20px; vertical-align: middle; }
#nav_left .box_infobox img, #nav_right .box_infobox img {margin-bottom: 10px;}

/* Loginbox */
#loginbox p {margin:5px;}
.box_top .login_box_pf_link {float:right}
#nav_left .login_box_emailfield, #nav_left .login_box_passwordfield {display: block}
#nav_left .login_box_emailfield input, #nav_left .login_box_passwordfield input {width: 99.8%}
#nav_left .login_box_pf_link {display:block; text-align: right}

/* neue Artikel */
.whatsnew {text-align: center}

/* normal Menu */
#nav_left ul.no_js li a.current {font-weight: 700}

#nav_left ul.no_js ul {margin: 0}

#nav_left ul.no_js ul li a {padding-left: 24px; padding: 4px 10px 4px 24px; font-size: 110%}

#nav_left ul.no_js ul li a.current {padding-left: 24px}

/* Warenkorb Box */
.box_cart_img {max-width: 50px; max-height: 50px;}

.cart_total {font-size: 110%; width: 170px; margin: 0 auto}

.box_top .box_shopping_cart {height: auto}

/*.shopping_cart_active {box-shadow: 0px 2px 5px #888; background: #f7f7f7}*/


.cart_icon {
    background: no-repeat scroll center center url("templates/itdotmedia/img/shopping-bag-icon.png");
    float: left;
    height: 72px;
    position: absolute;
    top: -44px;
    width: 66px;
    left:520px;
}

.cart_details {
    color: #FFFFFF;
    font-size: 12px;
    left: 504px;
    line-height: 14px;
    position: absolute;
    text-align: center;
    top: 14px;
    width: 101px;

}

.cart_details a {color: #002E4F;text-shadow:none;}

.cart_tax {padding-top: 4px}

#nav_left .cart_detail_cart, #nav_right .cart_detail_cart {border-top:1px solid #ccc; margin-top: 4px;}

.cart_hide {
    left: 270px;
    margin-top: 6px;
    padding: 6px;
    position: absolute;
    top: 37px;
    width: 300px;
    background:#fff;
    z-index:85000;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
}


.cart_detail_cart {margin-top:15px;
background:url(templates/itdotmedia/img/black80p.png);
background:rgba(0,0,0,.75);
color:#fff;padding-top:5px;padding-right:5px;}
.cart_tax{background:rgba(0,0,0,.75);color:#fff;padding-right:5px;}
.cart_shipping {background:url(templates/itdotmedia/img/black80p.png);background:rgba(0,0,0,.75);color:#fff;padding-bottom:5px;padding-right:5px;}
.cart_shipping a {color:#fff}

.box_admin {background:rgba(255,255,255,.8)}
.shopping_cart_content td {}

/* Suchbox */


.box_search {
    background: url("templates/itdotmedia/img/suche.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    margin-left: 182px;
    margin-top: -55px;
    width: 300px;
}
.box_search button {margin-left:-57px;background:url(templates/itdotmedia/img/quickfind.png) no-repeat center center !important;border:none !important; box-shadow: none  !important;text-indent: -5000px;width:42px;}
.box_search input{background:none !important;border:none !important;color:#c5e5f3 !important;width:195px;}
.box_shopping_cart{width:100px;float:left;background:none;border:none;}

.box_top .box_search_content{background: url(templates/images/mercari/Search.png) no-repeat 25px 0px; position: relative; top: 20%;}

.box_top .box_search_content #quick_find{padding: 0 0 0 80px;}
#quick_find input{height:26px;color:#262627 !important;margin:9px 0 0 15px;}

.box_top input[type="text"]{width: 157px;}

/* Infobox */
.box_top .box_infobox .box_content{position: relative; top: 14%;}

/* Footer boxen */
ul.footer_gallery { float: left; clear: both; width: 100%}
ul.footer_gallery li {float:left; width:32.8%; position: relative; margin: 0 5px 10px 0;}
ul.footer_gallery li ul.box_footer {list-style-type: square}
ul.footer_gallery li ul.box_footer li {width: 100%;display: block;margin:0;border-bottom: 1px solid #ccc;padding: 3px 0;}
ul.footer_gallery li ul.box_footer li a {padding: 0 0 0 12px;}

/* Newsletter */
.newsletter input.css_text {width:98%}

/* Tag_Cloud */
.box_tagcloud h3, .box_tagcloud h4, .box_tagcloud h5, .box_tagcloud h6 {display: inline;font-weight:normal;margin: 0;padding: 0;}

/* Schnellkauf Box*/
#nav_left #quick_add input.css_text{width:132px; float: left; margin-right: 3px;}
.chrome #nav_left #quick_add input.css_text, .safari #nav_left #quick_add input.css_text{margin-right: 0;}

/* Kategorie Boxen */
.categories,
.categories_2,
.categories_3,
.categories_4,
.categories_5,
.categories_6 {background: #efefef; padding:0}

.navigation {z-index: 20000; margin: 0}

.navigation li {list-style: none; position: relative; float: none}

.navigation li ul {
    height: 280px;
    padding:46px 0 46px 46px;
    margin: 0;
    position: absolute;
    top: 34px;
    width: 934px;
    z-index: 800;
background: -moz-linear-gradient(top,  rgba(255,255,255,0.95) 0%, rgba(229,218,193,0.98) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.98)), color-stop(100%,rgba(229,218,193,0.95))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.95) 0%,rgba(229,218,193,0.98) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.95) 0%,rgba(229,218,193,0.98) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.95) 0%,rgba(229,218,193,0.98) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.95) 0%,rgba(229,218,193,0.98) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ffffff', endColorstr='#f2e5dac1',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, 0.5);
        
        box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, 0.5);

}

.navigation li a {
    display: block;
    font-size: 120%;
    font-family:sintonybold;
    padding: 6px 10px 6px 5px;
}

/* links/rechts 
.navigation li a {padding: 6px 10px 6px 5px; display: block; font-size: 120%; background: #f5f5f5; border-top: 1px solid #fff; border-bottom: 1px solid #eee;}*/
/* links */
#nav_left .navigation li a {padding: 6px 5px 6px 10px;}
#nav_left .navigation li ul li a {padding: 2px 22px 2px 10px; font-size: 110%;}
#nav_left .navigation li ul ul li a {padding: 2px 32px 2px 10px; font-size: 100%}
/* rechts */
#nav_right .navigation li a {padding: 6px 5px 6px 15px;}
#nav_right .navigation li ul li a {padding: 2px 10px 2px 22px; font-size: 110%;}
#nav_right .navigation li ul ul li a {padding: 2px 10px 2px 32px; font-size: 100%}

.navigation .li_level_2 a span {top: 7px;}

.navigation .li_level_3 a span {top: 8px;}

/* links/rechts */
.js_enabled a span {background: url(mercari_img.php?name=cat_arrow&s=png) top center no-repeat; display: block; height: 10px; line-height: 10px; position: absolute; top: 12px; width: 6px;}
/* links */
#nav_left .js_enabled a span { right: 6px;}
/* rechts */
#nav_right .js_enabled a span {left: 4px;}

.js_enabled a:hover span {background-position: bottom center}

.js_enabled ul {position:absolute;top:-999em;}

.js_enabled li:hover {visibility:inherit;}

.js_enabled li {position:relative;}

.js_enabled a {display:	block;position:	relative;}

ul.js_enabled li:hover li ul, ul.js_enabled li.menu_hover li ul {top:-999em;}

/* links */
#nav_left ul.js_enabled li a {padding: 6px 5px 6px 10px;}
#nav_left ul.js_enabled li ul li a {padding: 6px 5px 6px 15px; font-size: 110%;}
#nav_left .navigation li ul ul li a {padding: 6px 5px 6px 15px; font-size: 100%}
/* rechts */
#nav_right ul.js_enabled li a {padding: 6px 5px 6px 15px;}
#nav_right ul.js_enabled li ul li a {padding: 6px 5px 6px 15px; font-size: 110%;}
#nav_right ul.js_enabled li ul ul li a {padding: 6px 5px 6px 15px; font-size: 100%}

/* links*/
ul.js_enabled li li:hover ul, ul.js_enabled li li.menu_hover ul {left:160px; top:4px;}
/* rechts */
ul.js_enabled li li:hover ul, ul.js_enabled li li.menu_hover ul {left:-160px; top:4px;}

ul.js_enabled li li:hover li ul, ul.js_enabled li li.menu_hover li ul {top:-999em;}

/* links */
#nav_left ul.js_enabled li li li:hover ul, ul.js_enabled li li li.menu_hover ul {left:160px; top:4px;}
/* rechts */
#nav_right ul.js_enabled li li li:hover ul, ul.js_enabled li li li.menu_hover ul {left:-160px; top:4px;}

ul.js_enabled li li li:hover li ul, ul.js_enabled li li li.menu_hover li ul {top:-999em;}

/* links */
#nav_left ul.js_enabled li li li li:hover ul, ul.js_enabled li li li li.menu_hover ul {left:160px; top:4px;}
/* rechts */
#nav_right ul.js_enabled li li li li:hover ul, ul.js_enabled li li li li.menu_hover ul {left:-160px; top:4px;}

ul.js_enabled li li li li:hover li ul, ul.js_enabled li li li li li.menu_hover li ul {top:-999em;}

/* links */
#nav_left ul.js_enabled li li li li li:hover ul, ul.js_enabled li li li li li.menu_hover ul {left:160px; top:4px;}
/* rechts */
#nav_right ul.js_enabled li li li li li:hover ul, ul.js_enabled li li li li li.menu_hover ul {left:-160px; top:4px;}

.vertical, .vertical li {width:	190px;}

/* Vertikal #nav_left */
#nav_left ul.vertical li:hover ul, #nav_left ul.vertical li.menu_hover ul {left: 160px; top: 4px;}
/* Vertikal #nav_right */
#nav_right ul.vertical li:hover ul, #nav_right ul.vertical li.menu_hover ul {left: -160px; top: 4px;}

/* Admin Box Toolbar */
.body_admin_box .box_admin {background: none #3A3A3A; border-width: 0}

.body_admin_box .box_admin .box_content {padding: 0; margin: 0 auto; width: 990px;}

.body_admin_box .box_admin .box_content ul {margin: 0; clear: both;float: left;width: 100%;}

.body_admin_box .box_admin .box_content ul li {float:left; padding: 4px 10px 6px; list-style: none; border-right: 1px solid #333; border-left: 1px solid #555; color: #fafafa }

.body_admin_box .box_admin .box_content ul li.box_admin_status_head {position: relative; cursor: pointer; background: url(templates/images/mercari/arrow-bottom.gif) 94% 46% no-repeat; padding-right: 15px;}

.body_admin_box .box_admin_status_body {left: 0; position: absolute; top: 28px; background: #3A3A3A; padding: 5px; width: 140px;}

.body_admin_box .box_admin a.admin_link {padding-left: 20px; background: url(templates/images/mercari/admin-gear.gif) center left no-repeat;}

.body_admin_box .box_admin a {color: #fafafa;}

.body_admin_box .box_admin a:hover {text-decoration: underline}

.body_admin_box .box_admin .box_content ul li.li_del_cache {float:right}

/* Trusted Shops */
.box_trusted_shop #tsBox {background: url(templates/images/mercari/bg_yellow.jpg) center no-repeat;}
.box_trusted_shop #tsBox a {color: #000}
.box_trusted_shop #tsBox a:hover {text-decoration: underline}

.box_mainnavi {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    left: -351px;
    position: absolute;
    top:125px;
    width: 920px;
}

.box_mainnavi a {
  background:url(templates/itdotmedia/img/mainnavi.png);
  height:31px;
  float:left;
  text-indent:-5000px
}

.box_mainnavi #home {width:67px;}
.box_mainnavi #pflege {width:174px;background-position: -66px 0px;}
.box_mainnavi #gutschein {width:137px;background-position: -239px 0px;}
.box_mainnavi #infos {width:166px;background-position: -375px 0px;}
.box_mainnavi #hinsch {width:169px;background-position: -541px 0px;}
.box_mainnavi #verkauf {width:155px;background-position: -711px 0px;}

.box_mainnavi #home:hover {background-position: 0px -32px;}
.box_mainnavi #pflege:hover {background-position: -66px -32px;}
.box_mainnavi #gutschein:hover {background-position: -239px -32px;}
.box_mainnavi #infos:hover {background-position: -375px -32px;}
.box_mainnavi #hinsch:hover {background-position: -541px -32px;}
.box_mainnavi #verkauf:hover {background-position: -711px -32px;}

.box_filter {
  box-shadow:0 0 5px rgba(0,0,0,.5);
}

.box_filter .box_content{
  background:url(templates/itdotmedia/img/black80p.png);
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    float: left;
    padding: 0 28px 15px;
    width: 674px;
}     

.box_filter_head {text-align:left;font-size:14px;background:rgba(255,255,255,0.85)}
.filter-label {
    border-left: 1px solid #555555;
    float: left;
    margin-bottom: 15px;
    margin-right: 35px;
    margin-top: 25px;
}
#product_filter div.filter-label:first-child {border: none !important}
.filter-label ul {list-style:none;margin-left:0px;padding:0px 15px}
.filter-label ul .filter_sub_items {padding:0px;}
.filter-label ul li ul {margin-top:13px;}
.filter-label ul li {margin-right:13px;}
.filter-label ul li:last-child {margin-right:0px;}
.filter-label p {margin-top:0px;}
#filter-range {background:#000;border:0px;border-radius:0px;height:5px;}
#filter-range .ui-slider-range {background:#abad2d}
#filter-range .ui-slider-handle {margin-left:0px;top:-3px;width:10px;height:10px;border-radius:0px;border:0px;background:yellow;box-shadow:0 0 3px #000}